<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style type="text/css">
			div,ul,ol{
				margin: 0;
				padding: 0;
			}
		</style>
	</head>
	<body>
		<!-- 标题 headline  String  subtree subString()-->
		<h1>一级标题</h1>
		<h2>二级标题</h2>
		<h3>三级标题</h3>
		<h4>四级标题</h4>
		<h5>五级标题</h5>
		<h6>六级标题</h6>
		<!-- p:paragraph    语义-->
		<p>“数治”之下，人们当今的生活正发生巨变。大数据技术在越来越广泛的生活场景中深入应用：从“一码游世界”到“政务一网办”、从“一根网线联通城乡医疗”到“一块屏幕跨省同上一课”、从“一键外卖到家”到“一声家居互联”……大数据犹如水和电一般融入人们的日常生活，变革传统</p>
		<p>如果时间会拐弯，那么大数据一定是个重要的拐点！</p>
		<div>如果时间会拐弯，那么大数据一定是个重要的拐点！</div>
		<img src="img/bd.png" >
		<img src="img/bd.png" width="100px" height="100px" >
		<a href="http://www.baidu.com">跳转到百度</a>
		水平线 
		<hr />
		<!--无序列表 ul:unordered list  语义：表达集合或者列表-->
		<ul>
			<li>北京</li>
			<li>深圳	</li>
			<li>上海</li>
			<li>广州</li>
		</ul>
		<!-- ol:ordered list -->
		<ol>
			<li>北京</li>
			<li>深圳	</li>
			<li>上海</li>
			<li>广州</li>
		</ol>
		<!-- width="400px"
		 width="70%" 占父容器的70% -->
		<table border="1" cellspacing="0" width="70%">
			<tr>
				<th>讲师名称</th>
				<th>所在班级</th>
			</tr>
			<tr>
				<td>朱老师</td>
				<td>Java</td>
			</tr>
			<tr>
				<td>王老师</td>
				<td>UI</td>
			</tr>
			<tr>
				<td>郑老师</td>
				<td>H5</td>
			</tr>
		</table>
		
		<fieldset id="">
			<legend>form</legend>
			
			<form action="http://www.baidu.com">
				<table border="1" cellspacing="0">
					<tr>
						<td>用户名：</td>
						<!-- readonly="readonly" -->
						<td><input type="text" maxlength="10" /></td>
					</tr>
					<tr>
						<td>密码：</td>
						<td><input type="password" /></td>
					</tr>
					<tr>
						<td>性别：</td>
						<td>
							<input type="radio" name="gender"/>男
							<input type="radio" name="gender"/>女
							<input type="radio" name="gender"/>未知
						</td>
					</tr>
					<tr>
						<td>城市：</td>
						<td>
							<select>
								<option>青岛</option>
								<option>济南</option>
								<option>烟台</option>
								<option>潍坊</option>
							</select>
						</td>
					</tr>
					<tr>
						<td>兴趣爱好</td>
						<td>
							<input type="checkbox" />音乐<br/>
							<input type="checkbox" />看书<br/>
							<input type="checkbox" />爬山<br/>
						</td>
					</tr>
					<tr>
						<td>自我介绍</td>
						<td><textarea></textarea></td>
					</tr>
					<tr>
						<td>
							<input type="submit" value="注册" />
						</td>
						<td>
							<input type="reset" value="重置" />
						</td>
					</tr>
				</table>
			</form>
			
		</fieldset>
		
	</body>
</html>
